<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./libs/jquery-1.11.1.js"></script>
    <script src="./js/lodash.js"></script>
    <script src="./libs/jquery-validation/jquery.validate.js"></script>
    <script src="./libs/jquery-validation/additional-methods.js"></script>
    <script src="./libs/layer/layer.js"></script>
    <script src="./js/banner.js"></script>
    <script src="./js/bannerlist.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/jsq.js"></script>
    <script src="./js/gailou.js"></script>
    <script src="./js/index.js"></script>

</head>

<body>
    <header>
        <a href="#" class="headbg"></a>
        <div class="headlist">
            <div class="main">
                <div class="clear topbox">
                    <ul class="list1">
                        <li><a href="">帮助中心</a></li>
                        <li><a href="">收藏</a></li>
                        <li><a href="">360官网</a></li>
                        <li><a href="">360智慧生活</a></li>
                    </ul>
                    <ul class="list2">
                        <li class="denglu"><a>登录</a></li>
                        <li class="zhuce"><a>注册</a></li>
                        <li class="usename"></li>
                        <li class="exit">退出</li>
                        <li class="app">
                            <a>360手机商城</a>
                            <div class="down">
                                <p>手机360商城</p>
                                <p>扫码下载</p>
                            </div>
                        </li>
                        <li class="bag">
                            <a class="shopbag"></a>
                            <div class="gwc">
                                您的购物车还没有商品，赶紧去选购吧！
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </header>
    <section>


        <div class="rightside">
            <ul class="cenbox">
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
            </ul>
            <div class="botbox">
                <span></span>
            </div>
        </div>

        <div class="top-box">
            <div class="main clear">
                <ul class="top-list1 clear">
                    <li><a href="" class="logo"></a></li>
                    <li><a href="">领卷中心</a></li>
                    <li><a href="">社区</a></li>
                    <div class="bannerlist">
                        <div class="tit">
                            <div><img src="./img/bantit.png" alt=""> 全部分类</div>
                        </div>
                        <ul>
                            <li>
                                <img src="./img/banli1.png" alt="">
                                <span>智能设备</span>
                                <div class="listcon">
                                    <div class="listcon1">
                                        <span class="godscls">智能家居</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>

                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist1.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="listcon2">
                                        <span class="godscls">智能家居</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist2.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist2.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>

                                    </div>
                                    <div class="listcon3">
                                        <span class="godscls">智能家居</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist3.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist3.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist3.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist3.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>


                                    </div>
                                    <div class="listcon4">
                                        <span class="godscls">智能家居</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist4.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist4.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist4.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist4.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist4.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist4.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist4.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="listcon5">
                                        <span class="godscls">智能家居</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist5.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="listcon6">
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist6.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist6.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist6.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist6.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="listcon7">
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist7.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist7.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist7.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                            <li>
                                                <img src="./img/bannerlist7.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist7.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="listcon8">
                                        <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist8.png" alt="">
                                                <a>摄像机</a>
                                            </li>
                                        </ul> <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist8.png" alt="">
                                                <a>摄像机</a>
                                            </li>

                                        </ul> <span class="godscls">智能手表</span>
                                        <ul>
                                            <li>
                                                <img src="./img/bannerlist8.png" alt="">
                                                <a>摄像机</a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>

                                <img src="./img/banli2.png" alt="">
                                <span>食品/酒水/茗茶</span>
                            </li>
                            <li>

                                <img src="./img/banli3.png" alt="">
                                <span>手机/数码/电脑办公</span>
                            </li>
                            <li>

                                <img src="./img/banli4.png" alt="">
                                <span>家用电器</span>
                            </li>
                            <li>

                                <img src="./img/banli5.png" alt="">
                                <span>汽车用品</span>
                            </li>
                            <li>

                                <img src="./img/banli6.png" alt="">
                                <span>家居/家纺</span>
                            </li>
                            <li>

                                <img src="./img/banli7.png" alt="">
                                <span>个护清洁</span>
                            </li>
                            <li>

                                <img src="./img/banli8.png" alt="">
                                <span>玩具</span>
                            </li>
                        </ul>
                    </div>
                </ul>

                <div class="inp">
                    <div class="search">
                        <input type="text">
                        <button></button>
                    </div>
                    <ul class="top-list2 clear">
                        <li>路由器</li>
                        <li>摄像机</li>
                        <li>记录仪</li>
                        <li>儿童手表</li>
                        <li>耳机</li>
                        <li>扫地机</li>
                    </ul>

                </div>

            </div>
        </div>

        <div class="banner">
            <ul class="clear">
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="con">
                <div class="point">
                    <span class="current"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="left">
                </div>
                <div class="right">
                </div>
            </div>
        </div>


        <div class="hotact louceng_item">
            <div class="main">
                <h3 class="hed">热门活动</h3>
                <div class="act">
                    <div class="act1">
                        <img src="./img/act1.jpg" alt="">
                    </div>
                    <div class="act2">
                        <img src="./img/act2.jpg" alt="">
                    </div>
                    <div class="act3">
                        <img src="./img/act3.jpg" alt="">
                    </div>
                    <div class="act4">
                        <img src="./img/act4.jpg" alt="">
                    </div>
                </div>
                <div class="actbot">
                    <img src="./img/actbot.jpg" alt="">
                </div>
            </div>
        </div>

        <div class="timelimt louceng_item">
            <div class="main clear">
                <div class="tit clear">
                    <div class="timelog hed">
                        限时购
                    </div>
                    <div class="time">
                        <!-- 12:00场 -->
                    </div>
                    <div class="end">
                        <div class="p1">
                            距离结束
                        </div>
                        <span class="hour">04</span> : <span class="min">10</span> : <span class="sec">36</span>
                    </div>
                </div>
                <div class="timeleft">
                    <img src="./img/more.jpg" alt="">
                </div>
                <div class="timeright">
                    <div class="goods1">
                        <img src="./img/goods1.png" alt="">
                        <a>360 智能摄像机云台3L 高清版 AP5L</a>
                        <div class="price">
                            <span class="cur">￥129</span>
                            <span class="old">￥199</span>
                        </div>
                        <div class="btn">
                            <a>马上抢</a>
                            <span>
                                <span></span>
                            </span>
                            <span>
                                0%
                            </span>
                        </div>
                    </div>
                    <div class="goods2">
                        <img src="./img/goods2.png" alt="">
                        <a>
                            360 行车记录仪全面屏后视镜M320
                        </a>
                        <div class="price">
                            <span class="cur">￥129</span>
                            <span class="old">￥199</span>
                        </div>
                        <div class="btn">
                            <a href="">马上抢</a>
                            <span>
                                <span></span>
                            </span>
                            <span>
                                0%
                            </span>
                        </div>
                    </div>
                    <div class="goods3">
                        <img src="./img/goods3.png" alt="">
                        <a href="">
                            洁帛 泰国进口天然乳胶枕头 按摩颈椎乳胶枕头 多款可选 单只装 乳胶颗粒按摩枕
                        </a>
                        <div class="price">
                            <span class="cur">￥129</span>
                            <span class="old">￥199</span>
                        </div>
                        <div class="btn">
                            <a href="">马上抢</a>
                            <span>
                                <span></span>
                            </span>
                            <span>
                                0%
                            </span>
                        </div>

                    </div>
                    <div class="goods4">
                        <img src="./img/goods4.png" alt="">
                        <a href="">
                            360 家庭防火墙路由器V4S
                        </a>
                        <div class="price">
                            <span class="cur">￥129</span>
                            <span class="old">￥199</span>
                        </div>

                        <div class="btn">
                            <a href="">马上抢</a>
                            <span>
                                <span></span>
                            </span>
                            <span>
                                0%
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="recommed louceng_item">
            <div class="main">
                <h3 class="hed">
                    爆款推荐
                </h3>
                <div class="reclist">
                    <div>
                        <img src="./img/rec1.jpg" alt="">
                    </div>
                    <div>
                        <img src="./img/rec2.jpg" alt="">
                    </div>
                    <div>
                        <img src="./img/rec3.jpg" alt="">
                    </div>
                    <div>
                        <img src="./img/rec4.jpg" alt="">
                    </div>
                </div>
                <div class="bot">
                    <img src="./img/rec5.jpg" alt="">
                </div>
            </div>
        </div>

        <div class="home louceng_item">
            <div class="main">
                <div class="tit">
                    <h3 class="hed">
                        家庭安防
                    </h3>
                    <span>
                        全部 >>
                    </span>
                </div>
                <div class="homemain">
                    <img src="./img/home1.jpg" alt="">
                    <div class="shop1">
                        <img src="./img/home2.png" alt="">
                        <p class="p1">360 智能摄像机小水滴AI版 D903</p>
                        <p class="p2">1080P高清 增强夜视 AI增强人形侦测</p>
                        <p class="p3">
                            <span class="cur">¥129</span>
                            <span class="pre">¥169</span>
                        </p>
                    </div>
                    <div class="shop2">
                        <img src="./img/home3.png" alt="">
                        <p class="p1">360 智能摄像机云台3L 高清版 AP5L</p>
                        <p class="p2">1080P画质 无扰增强夜视</p>
                        <p class="p3">
                            <span class="cur">¥129</span>
                            <span class="pre">¥199</span>
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </section>


    <footer>
        <div class="footop main">
            <div class="about">
                <p>
                    关于商城
                </p>
                <p>
                    360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。
                </p>
                <div class="follow">
                    <span>关于我们</span>
                    <a href=""></a>
                    <a href=""></a>
                </div>
            </div>
            <div class="service">
                <dl>
                    <dt>售后服务</dt>
                    <dd>7日无理由退货 </dd>
                    <dd>质量问题15日内换货 </dd>
                    <dd>保修条款</dd>
                    <dd>服务流程</dd>
                    <dd>许可协议</dd>
                    <dd>隐私政策</dd>
                </dl>
            </div>
            <div class="help">
                <dl>
                    <dt>帮助中心</dt>
                    <dd>用户注册</dd>
                    <dd>会员说明</dd>
                    <dd>登录与密码找回</dd>
                    <dd>购买指南</dd>
                    <dd>支付方式</dd>
                    <dd>配送与说明</dd>
                </dl>
            </div>
            <div class="download">
                <p>扫码下载APP</p>
                <img src="./img/ma.png" alt="">
            </div>
            <div class="contact">
                <p>联系我们</p>
                <p>400-1555-360</p>
                <p>周一至周日 9:00-21:00（仅收市话费）</p>
            </div>
        </div>

        <div class="footbot">
            <div class="main">
                <div class="service">
                    <ul>
                        <li><span></span>7天无理由退货</li>
                        <li><span></span>15天免费换货</li>
                        <li><span></span>满99元包邮</li>
                    </ul>
                </div>
                <div class="copy">
                    <p> ©2019-2021 mall.360.cn版权所有 </p>
                    <p>京ICP备08010314号-43 营业执照 京公网安备11000002000006号 </p>
                    <p>公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N | 食品经营许可证</p>
                    <p> 公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-1555-360</p>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>